
$(function(){




    var _index=0;
    var MAX=6;
    var toggle=true;
    var timer;
    var dmid=document.getElementsByClassName("banner_container")[0];
   /* 顶部菜单栏的hover效果*/
     var list=$(".head_nav li");
    $.each(list,function(index,el) {
        $(this).hover(function(){//mouseover
                $(".header_hover").slideDown(300);
        },function(){
            $(".header_hover").slideUp(200);
        });

    });


 /* 轮播图效果实现*/
   toggleImage()
 function toggleImage() {
    $(".banner_container img").hide();
    $(".banner_container img:eq("+_index+")").show();
    $(".dotted li").css('background-color','rgba(52, 52, 52, 0.3)');
    $(".dotted li:eq("+_index+")").css('background-color','rgba(255,255,255,0.8)');
    if(toggle){
        timer=setTimeout(toggleImage,2000);
    }
     _index = _index<( MAX-1 ) ? (++_index) : 0;//当加到6时再把index变为0，也就是第一张图片

}

//增加鼠标移上去暂停功能
    $(".banner_container").hover(function(){
        clearTimeout(timer);
    },function(){
        _index = _index>0 ? (--_index) : (MAX-1);//后退一个
        toggle=true;
        toggleImage();
    });
    //点击小圆点
    $(".dotted").on("click","li",function(){
        clearTimeout(timer);
        _index=$(this).index(".dotted li");
        toggle=false;
        toggleImage();
    });

    //点击向左图标根据cur进行上一个图片处理
    $("#prev").click(function(){
         clearTimeout(timer);
        $(".banner_container img").show();
        _index = _index>0 ? (--_index) : (MAX-1);
        changeTo( _index );
    });

    //点击向右图标根据cur进行上一个图片处理
    $("#next").click(function(){
         clearTimeout(timer);
         $(".banner_container img").show();
        changeTo( _index );
         _index = _index<( MAX-1 ) ? (++_index) : 0;
    });
     //点击左右箭头图片切换函数
    function changeTo( num ){
        $(".banner_container img").hide();
        $(".banner_container img:eq("+num+")").show();
        $(".dotted li").css('background-color','rgba(52, 52, 52, 0.3)');
     $(".dotted li:eq("+num+")").css('background-color','rgba(255,255,255,0.8)');
    }

    /*小米闪购部分*/

    show_time()//调用倒计时方法

    /*点击左右箭头图片切换图片*/
    $("#left").on("click",function(){
        $(".sliderInner").animate({left:"-743px"}, 500,"linear")
    })
    $("#right").on("click",function(){
        $(".sliderInner").animate({left:"0px"}, 500,"linear")
    })


/*手机部分的hover效果*/
     $(".mobile_left").hover(function(){
        $(this).animate({top:"-3px"}, 100,"linear")
     },function(){
         $(this).animate({top:"0px"}, 100,"linear")
     })
    $(".mobile_right ul li").hover(function(){
        $(this).animate({top:"-3px"}, 200,"linear")
    },function(){
         $(this).animate({top:"0px"}, 200,"linear")
    })


})


/*实现倒计时的方法*/
function show_time(){
    var time_start = new Date().getTime(); //设定当前时间
    var time_end =  new Date("2019/5/26 12:00:00").getTime(); //设定目标时间
    // 计算时间差
    var time_distance = time_end - time_start;
    // 天
    var int_day = Math.floor(time_distance/86400000)
    time_distance -= int_day * 86400000;
    // 时
    var int_hour = Math.floor(time_distance/3600000)
    time_distance -= int_hour * 3600000;
    // 分
    var int_minute = Math.floor(time_distance/60000)
    time_distance -= int_minute * 60000;
    // 秒
    var int_second = Math.floor(time_distance/1000)
    // 时分秒为单数时、前面加零
    if(int_day < 10){
        int_day = "0" + int_day;
    }
    if(int_hour < 10){
        int_hour = "0" + int_hour;
    }
    if(int_minute < 10){
        int_minute = "0" + int_minute;
    }
    if(int_second < 10){
        int_second = "0" + int_second;
    }
    // 显示时间
    // $("#time_d").val(int_day);
    $("#time_h").html(int_hour);
    $("#time_m").html(int_minute);
    $("#time_s").html(int_second);
    // 设置定时器
    setTimeout("show_time()",1000);
}